﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>Functions</title>
    <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        
        var foo = {};

        (function initialize() {

            var x = 10;

            foo.bar = function () {
              

                alert(x);
            };

        })();

        //var i = initialize();未定义

        foo.bar(); // 10;

        //alert(x); // "x" 未定义
        

        /*
        // "foo" 是一个函数声明，在进入上下文的时候创建

        alert(foo); // 函数

        function foo(x) {
            alert(x);
        } (1); // 这只是一个分组操作符，不是函数调用！

        foo(10); // 这才是一个真正的函数调用，结果是10


        (function foo(x) {
            alert(x);
        })(1); // 这才是调用，不是分组操作符

        */

        /*
        var foo = {

            bar: function (x) {
                return x % 2 != 0 ? 'yes' : 'no';
            } (1)

        };

        alert(foo.bar); // 'yes'
        */
    </script>
</head>
<body>
    <div id="main" style="border:2px red solid;height:100px;">
        aaaa
    </div>
</body>
</html>
